<!doctype html>

<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>APTRA Theme - Single Module Demo Page</title>

    <link rel="stylesheet/less" type="text/css" href="../less/themes/aptra/aptra-theme.less"/>
    <script type="text/javascript" src="META-INF/resources/scripts/less-1.2.1.min.js"></script>
</head>
<body>
    <div class="standalone">
        <div class="module" style="width: 100%">
            <div class="titlebar">
                <span class="title">Test Pod Layout</span>
                <div class="buttons">
                    <button><i class="settings"></i></button>
                    <button><i class="min"></i></button>
                    <button><i class="close"></i></button>
                </div>
            </div>
            <div class="content">
                <!-- Sample content -->
                <div>
                    <h2>Sample Form</h2>
                    <label for="t1">Text Input:</label>
                    <input id="t1" type="text" size="25"/>
                    <label for="t2">Text Input (with Placeholder):</label>
                    <input id="t2" type="text" size="25" placeholder="Placeholder Text"/>
                    <label for="checkBox">Check Box:</label>
                    <input id="checkBox" type="checkbox"/>
                    <label for="checkBoxChecked">Check Box (Checked):</label>
                    <input id="checkBoxChecked" type="checkbox" checked="true"/>
                    <label>Combo Box:</label>
                    <select>
                        <option>100000</option>
                        <option>200000</option>
                        <option>300000</option>
                        <option>400000</option>
                    </select>
                    <div>
                        <button>Save</button> <button disabled="true">Cancel</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>